html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #FBFBFF;
	color: #000033;
	height: 100%;
}
#wrapper {
	position: relative;
	min-height: 80%;
}
#header {
	position: relative;
	height: 2em;
	background-color: #FF6600;
    color: #01379D;
    font-family:sans-serif;
    font-size:1em;
    z-index:4;
}
#sitename {
        float: left;
    }
#logo {
        float: left;
    }

#leftbar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%; 
	width: 30em;
	background-color: #FFFFFF;
	color: #01379D;
	border-right: 0px solid #000055;
	box-shadow:0 0 10px #FF6600;
	font-family:sans-serif;
    font-size:0.7em;
    z-index:3;
}
#left {
	position: relative;
	float: left;
	width: 30em;
	background-color: #FFFFFF;
	color: #01379D;	
	font-family:sans-serif;
    font-size:0.7em;
    z-index:3;
}
#content {
	margin: 0 0 0 30em;
	/*margin: 0 0 0 20%;*/
	/*width:75%;*/
    /*height:90%;*/
    /*float: right;*/
    position: relative;
    z-index:1;
    font-family:sans-serif;
    font-size:0.7em;
    color: #01379D;
}
#footer {
	position: absolute;
	bottom: 0;
	height: 1.5em;
	width: 100%;
	background-color: #FF6600;
    color: #01379D;
    font-family:sans-serif;
    font-size:0.7em;
    z-index:4;
}
.shim {
	height: 4em;
	clear: left;
}


/* ********************************************** */

	#demo-frame > div.demo { padding: 10px !important; }
	.ui-widget-content { 
	background: grey; 
	}	

/*	
	 body{
    font-family:Trebuchet MS;
    font-size:0.9em;	
  }
  html {
  margin:0;
  padding:0;
  color:#000;
  background:#ffffff;
  }
*/
  #wrap {
    width:90%;
    height:90%;    
    margin:0 auto;
    background:#ffffff;
    border: 1px solid #FF6600;
    box-shadow:0 0 6px #FF6600;    
  }    
  
/*
  #header {
    background:#FF6600;
    font-family:sans-serif;
    font-size:1em;
    
    }
*/
    #nav {
    background:#ffffff;       
    }
    
    #main {
    float:right;
	/*width:500px;*/
	background:#ffffff;
	/*position:absolute;*/
	width:50%;
	height:50%;
	font-family:sans-serif;
    font-size:0.9em;
    color:#01379D;   
	
    }
  #demoMap {
    /*width: 100%;*/
    /*height: 100%;*/
    position:relative;
    width:100%;
	height:80%;
    float:left;    
    margin:0 0 0 0; 
    /*border: 1px solid #01379D;*/
    z-index:1;
    
  }
 
/* 
   
   #routesearch {   
     border: 1px solid #FF6600;
     color:#01379D;
     font-family:sans-serif;
     font-size:0.9em;
     padding:5px;
     margin:5px;     
  }
*/
 input {
    border:1px solid #01378D;
    border-radius:1px;
    font-size:11px;
    padding:1px;   
    margin:5px;   
}

input:focus { 
    outline:none;
    border-color:#FF6600;
    box-shadow:0 0 3px #FF6600;
}

label {
    width:200px;    
    /*line-height:23px;*/
    /*padding-left:10px;*/
    display:block;
    margin:5px;
    /*border: 1px solid #000;*/
    /*float:absolute;*/
    /*background-color:#eef;*/
    color:#01379D;
    font-family:sans-serif;
    font-size:0.9em;    
}



/***************************/
/* OL Loading panel		   */
/***************************/

/*
.olControlLoadingPanel {
            background-image:url(ajax-loader.gif);
            position: relative;
            width: 16px;
            height: 16px;
            background-position:center;
            background-repeat:no-repeat;
            display: none;
}
*/


/***************************/
/* classes for css-buttons */
/***************************/


.classButton {
	-moz-box-shadow:inset 0px 1px 9px -30px #ffffff;
	-webkit-box-shadow:inset 0px 1px 9px -30px #ffffff;
	box-shadow:inset 0px 1px 9px -30px #ffffff;
	background-color:#f9f9f9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #ff6600;
	display:inline-block;
	color:#01378d;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 12px;
	text-decoration:none;
	text-shadow:1px 1px 3px #ffffff;
}.classButton:hover {
	background-color:#dbdbdb;
}.classButton:active {
	position:relative;
	top:1px;
}



/*****************************/
/* Route Directions text box */
/*****************************/
.classdirections{
width: 95%;
height: 200px;
font-family:sans-serif;
font-size:0.9em;
overflow: auto;
display: none;
}

/****************************************/
/* Styling for the Autocomplete widget  */
/****************************************/


.ui-menu
{
    display: block;
    float: left;
    list-style: none none none;
    margin: 0;
    padding: 2px;
}
.ui-autocomplete
{
    cursor: default;
    position: absolute;
}
.ui-menu .ui-menu-item
{
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 11px;
}
.ui-menu .ui-menu-item a
{
    display: block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    cursor: pointer;
    background-color: white;
    font-size: 11px;
}
.ui-menu .ui-menu-item a:hover
{
    display: block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    color: Orange;
    cursor: pointer;
    background-color: white;
    font-size: 11px;
}




